/*头部开始*/
*{margin: 0;padding: 0;overflow: hidden;}
a{text-decoration: none;}
.hidden{
	display: none;
}
.show{
	display: block;
}
#head{width: 100%;height: 100px;background: #295436;color: #fff;position: fixed;left: 0;top: 0; z-index: 99;}
#head_con{width: 100%;height: 100%;position: relative;top: 50%;left:10%;margin-top: -9px;}
#head_right{position: absolute;right: 20%;top: 0;}
#head_right span img{/*height: 50%;width: 50%;*/ vertical-align:text-bottom ; }
.title{display: inline-block;font-family: "微软雅黑";font-size: 18px;}
a{text-decoration: none;color: #fff;font-size: 14px;}
#head_right a span{text-align: center;}
#head_right a img{width: 1rem;height: 1rem;margin-top: 5px;}
#downloadAPP{border: none;outline: none;background: transparent;color: #fff;cursor: pointer;margin-left: 50px;font-size: 14px;}
/*头部结束*/

/*左边开始*/
body,html{width: 100%;height: 100%;}
#staffLeft{width: 250px;border-right:1px solid #d9f994;height: 100%;position: absolute;left: 0;top: 10%;}
#staffLeftCon{width: 90%;height: 100%;margin: 50px 30px;}

/*信息*/
#staffInfo{width: 80%;height:15%;background: linear-gradient(#fff,#ddfa9e);
color: #4e7500;border: 1px solid #ddfa9e;padding-left: 30px;line-height: 33px;
padding-top: 28px;border-radius: 3px;}

/*操作*/
#operation{height: 39%;margin-top: 30px;color: #4e7500;}
#operation ul{height: 100%;width: 100%;}
#operation ul li{
	list-style: none;height: 18%;border: 1px solid #ddfa9e;width: 80%;
	background: linear-gradient(#fff,#ddfa9e);padding-left: 30px;line-height: 59px;
	border-radius: 3px;cursor: pointer;
}

/*电话*/
.phoneNum{height: 13%;border: 1px solid #ddfa9e;background: linear-gradient(#fff,#ddfa9e);
color: #4e7500;line-height: 50px;padding-left: 30px;width: 80%;border-radius: 3px;
margin-top: 2%;}

/*选中时的状态*/
.active{color: #fff;background: #4E7500 !important;}
/*左边结束*/

/*右边开始*/
#pushOrdersRight{
	width: 90%;position: absolute;left: 250px;top: 100px;height: 90%;
	
	
}
#pushOrdersRightShow{
	
	width: 88%;
	height: 80%;
	margin: 10px;
	border: 2px solid #4E7500;
}

#pushOrdersRight_con{position: relative;left: 10%;top: 6%;}


/*footer开始*/
.footer{width:100%;border-top: 3px solid #4E7500;position: relative;height: 5%;top: 93%; background-color: #ffffff !important;}
#footer .footerWord{width:100%;height:40px;text-align: center;font-size: 12px;color:gray;position:relative;left: 50px;}
/*footer结束*/

.show{
	display: block;
}
.hidden{
	display: none;
}

/*echarts div*/

#main{
	width: auto;
	height:400px;
}

/*myTickteTable*/
#MYTICKET{
	width: auto;
	height: auto;
}
#MYTICKET table{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #000000;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 35px;
}
#MYTICKET table tr:nth-child(even){
	background-color: #D9F994;
}

#MYTICKET table thead{
	background-color: #D9F994;
}

#MYTICKET table tbody input {
	width: 70px;
	height: 25px;
	font-size: 14px;
	background: #DDFA9E;
	border-radius: 5px
}

/*待处理*/
/*myTickteTable*/
#NEEDHANDLETABLE{
	width: auto;
	height: auto;
}
#NEEDHANDLETABLE table{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #000000;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 35px;
}
#NEEDHANDLETABLE table tr:nth-child(even){
	background-color: #D9F994;
}

#NEEDHANDLETABLE table thead{
	background-color: #D9F994;
}

#NEEDHANDLETABLE table tbody input {
	width: 70px;
	height: 25px;
	font-size: 14px;
	background: #DDFA9E;
	border-radius: 5px
}



/*myInformation*/
#MYINFORMATION{
	width: auto;
	height: auto;
}

#myInformation {
	width: 1000px;
	height: 500px;
	margin-top: 50px;
	margin-left: 50px;
	overflow: hidden;
	text-align: center;
	border: 0;
	vertical-align: middle;
}

.hang {
	width: 600px;
	height: auto;
	display: block;
}

.information {
	display: inline-block;
	height: 22px;
	font-size: 16px;
	padding: 2px 11px;
	line-height: 22px;
	white-space: nowrap;
	vertical-align: middle;
	width: 74px;

	color: #555;
	text-align:center;
	background-color: #eee;
	border: 1px solid #ccc;

}

#myInformation input {
	height: 26px;

	font-size: 16px;
	line-height: 26px;
	width: 200px;
	color: #555;
	background-color: #fff;
	border: none;
	vertical-align: middle;
}



#PeopelAdress{
	border: 1px solid #ccc !important;
}
#PeopelPhone{
 	border: 1px solid #ccc !important;
}


#myInformation button {
	width: 300px;
	height: 38px;
	background-color: #4E7500;
	margin-right: 402px;
	color: #FFFFFF;
	border: 0;
	border-radius: 5px;
}


/*工单详情*/

#TICKRTINFORMATION{
	width: auto;
	height: auto;
}
#ticetInfomation {
	/*background-color: #DDFA9E;*/
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0 auto;
	position: absolute;
}

#ticetInfomation p {
	width: 100%;
	line-height: 30px;
	white-space: nowrap;
	position: relative;
}

#ticetInfomation p span {
	width: 300px;
	line-height: 30px;
	white-space: nowrap;
	position: relative;
}

#ticetInfomation p input[type=button] {
	position: relative;
	width: 70px;
	height: 25px;
	font-size: 14px;
	left: 20%;
	background: #DDFA9E;
	border-radius: 5px
}

#ticetInfomation input[type=text] {
	word-break: break-all
}


#saveTicketInformation {
	position: relative;
	margin-top: 10px;
	left: 25%;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	width: 25%;
	background: #DDFA9E;
	border-radius: 5px
}

#ticketnum {
	left: 0;
}

#sendTicket {
	left: 20%;
}

#ticketState {
	left: 40%;
}

#ticketTime {
	height: auto;
	left: 0;
}

#CreateTicketPeople {
	left: 17.25%;
}

#problemPhone {
	left: 36.5%;
}

#ticetInfomation font {
	vertical-align: top;
}

#ticetInfomation input {
	width: 80%;
	height: 100px;
	border: 1px solid #4E7500;
	margin-top: 2px;
}

#ticetInfomation textarea {
	width: 80%;
	height: 100px;
	border: 1px solid #4E7500;
	margin-top: 2px;
}




/*评分星星*/
.starts {
	width: auto;
	padding-left: 50px;
}
.starts ul {
	float: left;
	margin-left:25% ;
	margin-top: 10px;
}
.starts ul li {
	list-style: none;
	width: 32px;
	height: 21px;
	float: left;
	background: url(../img/starky.png) no-repeat;
}
.starts ul li.on {
	background: url(../img/starsy.png) no-repeat;
}
.starts ul span {
	display: inline;
	float: left;
	padding-left: 10px;
	height: 21px;
	line-height: 21px;
}

/*待处理*/
#MYPERFORMATION{
	width: auto;
	height: auto;
}



/*工单管理*/


#all ul {
	list-style: none;
	height: 20px;
	width: auto;
	font-size: 0;
}
#all ul li {
	width: 10%;
	display: inline-block;
	height: 100%;
}
#all ul li a {
	color: #000000;
	text-align: center;
	font-size: 14px;
	display: block;
}
.now {
	background-color: #D9F994;
}


/*甩单弹出框*/

#suaidan{
	z-index: 999;

}

/*甩单弹出框*/
#receive2{
	position: absolute;
	z-index: 9999;
	left: 15%;
	top: 35%;
	box-shadow: 0 0 1px 3px #4E7500;
	height: 200px;
	width:500px;
	background-color: #D9F994;

}
#sdpeople{
	display: inline-block;

}

#suaidantop{
	text-align: center;
}

#receive2 select{



	width: 120px;


}

#suaidanbuttom{
	display: block;
	margin-left: 30%;
	position: absolute;
	top: 150px;
}

#suaidanbuttom button{
	width: 90px;
	height: 30px;
	border: 0;
	border-radius: 5px;
	margin-right:5px;
	margin-bottom: 10px;
	background:#295436;
	color: #fff;
}
.list{
	display: none;
}
/*选中的运维人员的样式*/
.chooseitem{margin-top: 20px;}


input{

	height: 30px;
	margin: 0;
	padding: 0;
}

#chooseYear{
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
}
#chooseMonth{
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;

}
#chooseGrade{
	height: 30px;
	width: 40px;
}